<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript学习</title>
</head>

<body>
    <script src="js/jquery.min.js"></script>
    <!-- 获取元素内容 -->
    <div id="test"><span>我是一个div</span></div>
    <input type="text" id="input" value="hello">
    <script>
        let text = $("#test").text();
        console.log("div的内容是:" + text);

        let html = $("#test").html();
        console.log("div的html内容：" + html);

        let inputVal = $("#input").val();
        console.log("input的html内容：" + inputVal);

    </script>

    <!-- 点击消失示例 -->
    <!-- <button id="button">点击消失</button>
    <script>
        //这第一行的意思是必须页面内容全部加载完成才可执行里面的代码
        //可以省略
        $(document).ready(function () {
            $('#button').click(function () {
                $(this).hide();

            });
        });
    </script> -->
</body>

</html>